<!DOCTYPE html>
<html>
<head>
  <title>CreateJS Project</title>
  <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
  <script src="https://unpkg.com/loglevel/dist/loglevel.min.js"></script>
</head>
<body>
  <canvas id="canvas" width="800" height="600"></canvas>

  <script>
    /// <reference path=".d.ts/loglevel.d.ts" />
    var logging = log.noConflict();
    logging.setLevel("debug")
    logging.info("start")
    
    // 在这里编写 CreateJS 代码
    // 创建舞台
    var stage = new createjs.Stage("canvas");

    // // 创建一个位图动画对象
    // var animation = new createjs.BitmapAnimation();

    // // 定义动画帧
    // var frames = [
    // {image: "frame1.jpg", x: 0, y: 0},
    // {image: "frame2.jpg", x: 100, y: 0},
    // {image: "frame3.jpg", x: 200, y: 0}
    // ];

    // // 加载图片资源
    // var loader = new createjs.LoadQueue();
    // loader.on("complete", handleComplete);
    // loader.loadManifest(frames);

    // function handleComplete() {
    // // 设置动画帧
    // animation.spriteSheet = new createjs.SpriteSheet({
    //     images: loader.getResult(true),
    //     frames: frames
    // });

    // // 设置动画播放属性
    // animation.currentFrame = 0;
    // animation.framerate = 10;

    // // 将动画对象添加到舞台
    // stage.addChild(animation);

    // // 播放动画
    // createjs.Ticker.addEventListener("tick", handleTick);
    // }

    // function handleTick(event) {
    // // 更新舞台
    // stage.update();
    // }
  </script>
</body>
</html>